<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/channel.css">
  <link rel="stylesheet" href="css/layui.css">
  <style type="text/css">
  .layui-layer-title{
    text-align: center;
    font-size: 39px!important;
    font-weight: bold;
    height: 90px!important;
    line-height: 90px!important;
    /*color: #28c8b0!important;*/
    padding: 0!important;
  }
  .layui-layer{
    border:5px solid rgba(255,255,255,.6);
  }
  .layui-layer-setwin a{
    width: 45px!important;
    height: 45px!important;
    line-height: 35px!important;
    text-align: center!important;
    border-radius: 50%!important;
    background: url("css/icons-classic/channel-close-01.png") no-repeat;
    background-position: -1px -1px!important;
    top: -30px;
    right: -30px;
  }
  .layui-layer-setwin a.sale{
    background: url("css/icons-classic/channel-close-02.png") no-repeat;
  }
    .layui-layer-content{
      background-color: #f5f5f5;
    }
  .layui-layer-iframe iframe{
    padding: 20px 45px 0;
  }
  .layui-layer-content{
    height: 85.5%;
  }
  .layui-layer-setwin .layui-layer-close1:hover{
    opacity: .9!important;
  }

  </style>
</head>
<body>
  <div class="channel-banner">
    <img src="images/channel-banner.jpg" alt="">
  </div>
  <div class="channel-sign">
    <div class="channel-box clearfix">
      <div class="channel-btn channel-sale fl">我有房卖</div>
      <div class="channel-btn channel-zufang fl" style="background-color: #28c8b0">我有房租</div>
    </div>
  </div>
 <div class="normal-size">
   <div class="channel-s-list clearfix">
     <div class="channel-s fl dj-wt">
      <p class="channel-text">
        发布房源只要两个步骤,10分钟内
        经纪人电话为了你一对一服务
      </p>
     </div>
     <div class="channel-s fl hn-ys">
       <p class="channel-text">
         每天本地上万浏览量，海口/三亚
         各大区域已布局12家门店，上千
         名经纪人为你卖房/买房
       </p>
     </div>
     <div class="channel-s fl yz-s">
      <p class="channel-text">
        资金托管，过户代办，轻松完成
        交易手续
      </p>
     </div>
   </div>
 </div>
  <script src="js/jquery.min.js"></script>
  <script src="js/layui.js"></script>
  <script>
    layui.use('layer', function() {
      var $ = layui.jquery,
        layer = layui.layer;
    });
    $('.channel-sale').on('click', function() {
      console.log($('.layui-layer-title'));
      top.layer.open({
        type: 2,
        title: '我有房卖',
        shadeClose: true,
        shade: 0.6,
        area: ['450px', '640px'],
        content:  ['channel-sale-modal.html', 'no']
      });
      $('.layui-layer-title').css({
        'color':'#ff7b00'
      });
      $('.layui-layer-setwin a').addClass('sale')
    });
    $('.channel-zufang').on('click', function() {
      top.layer.open({
        type: 2,
        title: '我有房租',
        shadeClose: true,
        shade: 0.6,
        area: ['450px', '640px'],
        content:  ['channel-modal.html', 'no']
      });
      $('.layui-layer-title').css({
        'color':'#28c8b0'
      });
    });
  </script>
</body>
</html>